<!DOCTYPE html>
<html lang="zh">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>第一次作业</title>
</head>

<body>
  <header>
    <nav>
      <ul>
        <li>第一次作业</li>
        <li><a href="../index.html">返回首页</a></li>
      </ul>
    </nav>
  </header>
  <main>
    <!-- 注释内容是不会被显示出来的 -->
    <div>
      <h1>信息流</h1>
      <p>块元素</p>
      <p><span>行内元素</span><span>行内元素</span><span>行内元素</span></p>
      test
      <h1>区块元素</h1>
      <hr>
      <article>
        <header>
          <h2>文章标题</h2>
          <p>发表时间 评论数</p>
        </header>
        <p>内容段落</p>
      </article>
    </div>
    <div>
      <h1>内容组织元素</h1>
      <ol>
        <li>步骤1</li>
        <li>步骤2</li>
        <li>步骤3</li>
        <li>步骤4</li>
      </ol>
      <ul>
        <li>恒星</li>
        <li>行星</li>
        <li>其它</li>
      </ul>
      <dl>
        <dt> 作者 </dt>
        <dd> Adam </dd>
        <dd> Cui </dd>
        <dt> 编辑 </dt>
        <dd> Fang </dd>
      </dl>
    </div>
    <div>
      <h1>内容嵌入元素</h1>
      <p> <img src="../images/img-demo.svg" alt="图片替换文字"></p>
      <p> <img src="https://pic3.zhimg.com/v2-4c07e204b4b2d22a3b4eb996cc360135_r.jpg?source=1940ef5c" alt="西北民族大学图书馆前广场"
          width="400px"></p>
      <p>
        <iframe frameborder="0" src="https://v.qq.com/txp/iframe/player.html?vid=d0040cqqgtz" allowFullScreen="true"
          width="50%" height="600px"></iframe>
      </p>
    </div>
  </main>
  <footer>

  </footer>
</body>

</html>
